<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>阿姨信息录入</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">


	<script type="text/javascript" src="js/Adaptive.js"></script>
	<script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>

	<script type="text/javascript" src="js/public.js"></script>
	
	<script type="text/javascript" src="vue/vue.js"></script>
	<script type="text/javascript" src="vue/axios.min.js"></script>




	<link rel="stylesheet" type="text/css" href="webuploader-0.1.5/webuploader.css">
	<script type="text/javascript" src="webuploader-0.1.5/webuploader.js"></script>




</head>
<body>
	<section id="app">

	<div id="alertCon"  v-show="controller.alertText"><span v-text="controller.alertText"></span></div>

		<div class="AddPhotoCon" v-show="controller.isPhotoCon">
			<div id="uploader-demo" class="uploaderCon">
				<div class="timeLine" id="timeLine"><span class="line"></span></div>
		    <!--用来存放item-->
			    <div id="fileList" class="uploader-list"></div>
			    <div id="filePicker">选择图片</div>
			    <div class="confirm" v-on:click="AddPhotoList" >确定</div>

			    <div class="cloesPhotoCn" v-on:click="controller.isPhotoCon = false">取消</div>
			</div>
		</div>


		<section class="MaxCon">
			<header id="headerCon">
				<ul class="navInd">
					<li v-for="n in 4" v-bind:class="[navIndexAct.ind == n ? 'active' : '']"><div><span v-text="n"></span></div></li>
				</ul>
				<div class="titleCon">
					<span class="title" v-text="navIndexAct.navTitle[navIndexAct.ind - 1].title"></span>
					<div class="info" v-show="navIndexAct.navTitle[navIndexAct.ind - 1].isShowFu">*注：标星必填</div>
				</div>
			</header>

			<div id="pageOne" v-show="navIndexAct.ind == 1">
				<ul class="bankCon">

					<li v-for="value in basicsInformation">
						<div class="LCon">
							<i>*</i>
							<span class="bankName" v-text="value.name + '：'"></span>
						</div>

						<div class="RCon" v-if="value.type == 'text'">
							<div class="inCon">
								<input class="text" type="text" v-model.trim="value.value">
							</div>
							<div class="hintInfo" v-show="value.isAlert" v-text="value.hintInfo"></div>
						</div>

						<div class="RCon" v-if="value.type == 'number'">
							<div class="inCon">
								<input class="text" type="number" v-model="value.value">
							</div>
							<div class="hintInfo" v-show="value.isAlert" v-text="value.hintInfo"></div>
						</div>

						<div class="RCon" v-if="value.type == 'select'">
							<div class="inCon">
								<select class="selectOne" v-model="value.value1" >
									<option v-for="item in value.choosable1" :value="item.id" v-text="item.name"></option>
								</select>
								<select v-show="value.value2" class="selectTwo" v-model="value.value2">
									<option v-for="item in value.choosable2" :value="item.id" v-text="item.name"></option>
								</select>
							</div>
						</div>

						<div class="RCon" v-if="value.type == 'date'">
							<div class="inCon">
								<input class="text dataInput" type="date" v-model="value.value">
							</div>
							<div class="hintInfo" v-show="value.isAlert" v-text="value.hintInfo"></div>
						</div>

						<div class="RCon" v-if="value.type == 'radio'">
							<div class="inCon">
								<div class="radioCn" v-for="(item, index) in value.choosable">
									<input type="radio" :id="value.en + index" :value="item" :name="value.en" v-model="value.value"/>  
									<label :for="value.en + index" v-text="item"></label>  
								</div>
							</div>
						</div>

					</li>
				</ul>
			</div>



			<div id="pageThrre" v-show="navIndexAct.ind == 2" style="background-color: #f2f2f2;">
				<div class="pageThrreCn">
					<div class="title">工作经验</div>
					<ul class="pageThrrList">

						<li>
							<div class="LCon">
								<i>*</i>
								是否有北京工作经验：
							</div>
							<div class="Rcon">
								<div class="radioCn">
									<input type="radio" value="是" id="isBjWork1" name="isBjWork" v-model="workExperience.isBjWork.value"/>  
									<label for="isBjWork1">是</label>  
								</div>
								<div class="radioCn">
									<input type="radio" value="否" id="isBjWork2" name="isBjWork" v-model="workExperience.isBjWork.value"/>  
									<label for="isBjWork2">否</label>  
								</div>
							</div>
						</li>
						<li>
							<div class="LCon ">
								<i>*</i>
								工作经验：月嫂
							</div>
							<div class="Rcon inCn">
								工作
								<input type="text" v-model="workExperience.maternity.value"/>  
								年
							</div>
						</li>
						<li>
							<div class="Rcon inCn">
								带过
								<input type="text" v-model="workExperience.maternity.value2"/>  
								个宝宝
							</div>
						</li>

						<li>
							<div class="LCon ">
								育儿嫂
							</div>
							<div class="Rcon inCn">
								工作
								<input type="text" v-model="workExperience.bringUp.value"/>  
								年
							</div>
						</li>
						<li>
							<div class="Rcon inCn">
								带过
								<input type="text" v-model="workExperience.bringUp.value2"/>  
								个宝宝
							</div>
						</li>

						<li>
							<div class="LCon">
								<i>*</i>
								照顾早产儿经验：
							</div>
							<div class="Rcon">
								<div class="radioCn">
									<input type="radio" value="是" id="prematureDelivery1" checked name="prematureWork" v-model="workExperience.prematureWork.value"/>  
									<label for="prematureDelivery1">是</label>  
								</div>
								<div class="radioCn">
									<input type="radio" value="否" id="prematureDelivery2"  name="prematureWork" v-model="workExperience.prematureWork.value"/>  
									<label for="prematureDelivery2">否</label>  
								</div>
							</div>
						</li>

						<li>
							<div class="LCon">
								<i>*</i>
								照顾双胞胎经验：
							</div>
							<div class="Rcon">
								<div class="radioCn">
									<input type="radio" value="是" id="isTwin1" checked name="isTwin" v-model="workExperience.TwinWork.value"/>  
									<label for="isTwin1">是</label>  
								</div>
								<div class="radioCn">
									<input type="radio" value="否" id="isTwin2"  name="isTwin" v-model="workExperience.TwinWork.value"/>  
									<label for="isTwin2">否</label>  
								</div>
							</div>
						</li>

					</ul>
				</div>

				<div class="pageThrreCn" style="margin-top: 32px;">
					<div class="title">详细工作经历</div>
					<div class="describe">(上一次经历或特殊经历，如：双胞胎，早产儿）</div>
					<ul class="detailedExperience">
						<li>
							<div class="LCon">类型：</div>

							<div class="RCon">
								<div class="radioCn">
									<input type="radio" value="月嫂" id="aounType1" checked name="aounType" v-model="workHistory.temporaryData.type.value"/>  
									<label for="aounType1">月嫂</label>  
								</div>
								<div class="radioCn">
									<input type="radio" value="育儿嫂" id="aounType2"  name="aounType" v-model="workHistory.temporaryData.type.value"/>  
									<label for="aounType2">育儿嫂</label>  
								</div>
							</div>
						</li>

						<li>
							<div class="LCon">时间：</div>

							<div class="RCon">
								<input type="date" v-model="workHistory.temporaryData.starttime.value">到
							</div>
						</li>
						<li>
							<div class="RCon">
								<input type="date" v-model="workHistory.temporaryData.endtime.value">
							</div>
						</li>

						<li>
							<div class="LCon">客户家庭：</div>
							<div class="RCon"><input type="text" v-model="workHistory.temporaryData.name.value"></div>
						</li>


						<li>
							<div class="LCon">宝宝育龄：</div>
							<div class="RCon"><input style="" type="number" v-model="workHistory.temporaryData.babyage.value"><p class="alert">注：月嫂可不填</p></div>
						</li>

						<li>
							<div class="LCon">宝宝情况：</div>
							<div class="RCon"><textarea class="textareaCon" v-model="workHistory.temporaryData.babydetail.value"></textarea></div>
						</li>

						<li>
							<div class="LCon">到手工资：</div>
							<div class="RCon"><input style="width: 460px;margin-right: 10px;" type="number" v-model="workHistory.temporaryData.money.value">元</div>
						</li>

						<li>
							<div class="LCon">添加照片：</div>
							<div class="RCon" style="overflow-x:auto;">
								<ul class="photoList" :style="{width: ((workHistory.temporaryData.PhotoList.length *180) + 180)+'px'}">
									<li v-for="(item, index) in workHistory.temporaryData.PhotoList"><img :src="item.pic"></li>
									<li class="addPhoto" v-on:click="controller.isPhotoCon = true"><i class="iconfont">&#xe61c;</i></li>
								</ul>
							</div>
						</li>

						<li style="padding: 30px 30px 0;">
							<span class="button" v-on:click="AddHistoryList">添加工作经历</span>
						</li>
					</ul>



					<ul class="workList">
						<li v-for="(item, index) in workHistory.HistoryList">
							<div class="head">{{item.type.value}}</div>
							<div class="clearfloat">
								<div class="LCn">
									<p>时间：{{item.starttime.value}}—{{item.endtime.value}}</p>
									<p>客户：{{item.name.value}}</p>
								</div>
								<div class="RigCn" v-on:click="deleteHistoryList(index, item)"><i class="iconfont">&#xe604;</i></div>
							</div>
						</li>
					</ul>
				</div>

			</div>



			<div id="pageFour" v-show="navIndexAct.ind == 3">
				<div class="pageFourCn">
					<div class="head"><i>*</i>自我评价：</div>
					<div>
						<textarea class="textareaCn" v-model="customerEvaluation.word"></textarea>
					</div>
					<!-- <div class="labelCon">
						<span class="label" v-for="(item, index) in customerEvaluation.label" v-on:click="AddLabel(item.name)">{{item.name}}</span>
					</div> -->
				</div>
			</div>


			<div class="pageFive" v-show="navIndexAct.ind == 4">
				<div class="pageFiveCon">
					<div class="btnCon" style="padding: 30px;">
					<a class="btn" href="testAunt.html">进入考核测评</a>
					</div>

					<div class="btnCon">
					<a class="btn" href="index.html">返回首页</a>
					</div>

				</div>
			</div>



			<div class="btnCon">
				<span class="btn" v-show="navIndexAct.ind != 4" v-on:click="pageNext">保存并下一步</span>
			</div>
		</section>
	</section>


	

	<script type="text/javascript" src="js/basicInformation.js"></script>


	<script type="text/javascript" src="js/myUpload.js"></script>

</body>
</html>